<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="MDOO.CN 魔豆网是中文开源技术社区。我们传播开源的理念，推广开源项目，为IT开发者提供了一个发现、使用、并交流开源技术的平台。" />
	<meta name="keywords" content="魔豆网，程序员，编程，学习" />
	<title>魔豆网-开源技术社区</title>
	<link rel="stylesheet"  href="{{asset('resources/bootstrap-5.3.0/css/bootstrap.min.css')}}">
	<link rel="stylesheet"  href="{{asset('resources/style/style.css')}}">
	<script src="{{asset('resources/bootstrap-5.3.0/js/bootstrap.bundle.min.js')}}"></script>
</head>
<body>
	@include('inc/header')
	<main>
		<div class="container">
			<div class="row" style="margin: 20px;">
				<div class="col-lg-10">
						@foreach($websites as $website)
						<div class="row" style="padding: 20px 0;display: flex;border-bottom: 1px solid #f0f0f0;">
							<div class="col col-md-auto" style="padding-right: 10px;">
								<a href="{{url('site/details/' . $website->id)}}" class="" target="_blank">
									<img class="rounded" src="{{url($website->pic_url)}}" width="300" height="150">
								</a>
							</div>
							<div class="col" style="">
								<div class="webnametitle" style="font-size: 18px;">
									<a href="{{url('site/details/' . $website->id)}}" class="" target="_blank">{{$website->web_name}}</a>
								</div>
								<div style="padding-top: 10px;font-size: 14px;color: #828a92;line-height: 22px;">{{$website->desc}}</div>
							</div>
						</div>
						@endforeach
					<div class="pagination" style="padding: 10px 0;">{{ $websites->links('vendor.pagination.simple-bootstrap-5')}}</div>
				</div>
				<div class="col-lg-2">
					<ol>						
					@foreach($websiteclass as $webclass)
						<li>
							<a href="{{url('site/'. $webclass->id)}}">{{$webclass->class_name}}</a>
						</li>
					@endforeach
					</ol>
				</div>
			</div>
		</div>
	</main>
	@include('inc/footer')
</body>
</html>
